body{
    max-width: 1000px;
    width: 100%;
    height:100%;
    margin: 0 auto;
}
img{
    width: 100%;
    height: auto;
}
.ground{
    width: 100%;
    /*height: 50%;*/
    background:#832a1d url("../img/image/background.png") center center  no-repeat ;
    background-size: 80% 100% ;
    /*background-size: contain;*/
    -o-background-size: 80% 100%;
    -webkit-background-size: 80% 100%;
    -moz-background-size:  80% 100%;
    overflow: hidden;
    position: relative;
}
.ground .middle{
    width: 100%;
    height: auto;
    position: relative;
}
.middle .ground-left,.ground .ground-right{
    width: 14%;
    height:auto;
}
.middle .ground-right{
    float: right;
}
.middle .ground-tu{
    width: 70%;
    /*height: 18.5rem;*/
    /*background: url("../img/image/xianshiping.png") no-repeat center;*/
    /*background-size: contain;*/
    /*background-size: 100% 80% ;*/
    /*-o-background-size: 100% 100%;*/
    /*-webkit-background-size: 100% 100%;*/
    /*-webkit-background-size: contain;*/
    /*-moz-background-size:  100% 100%;*/
    margin: 4rem auto 0;
    position: relative;
    padding-top: 0.5rem;
    /*float: left;*/
}
.middle .ground-left a{
    float: left;
}
.middle .ground-right a{
    float: right;
}
.middle .ground-left a,.middle .ground-right a{
    background: url("../img/image/time.png") no-repeat center;
    background-size: 100% 80% ;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    /*-webkit-background-size: contain;*/
    -moz-background-size:  100% 100%;
    display: block;
    text-align: center;
    color: #ffffff;

}
.middle .ground-left .xz{
    color: #dca55f;
}
.middle .ground-right .bei{
    color: #dca55f;
}
.ground-ul1 .lv{
    color: red;
    font-weight:bold;
}
.middle .ground-right .a2{
    float: left;
}
.middle .ground-left{
    left: 0;
}
.middle .ground-right{
    right: 0;
}
.middle .ground-left .a2{
    float: right;
}
.ground-ul{
    width: 100%;
    height: auto;
    margin-top: -4rem;
    position: relative;
}
.ground-ul li{
    transform:skew(-15deg);
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform:skew(-15deg);
    -ms-transform:skew(-15deg);
    background-color: #8a2d21;
    margin: 50px auto;
    color: #ffffff;
    text-align: center;
    position: absolute;
    top: 0;
    border: 5px solid #6d231a;
}
.ground-ul .li1{
    left:10%;
}
/*.ground-ul .li2{
    left:33%;
}*/
.ground-ul .li2{
    left:40%;
}
/*.ground-ul .li3{
    left:55%;
}*/
.ground-ul .li3{
    left:70%;
}
.ground-ul .li4{
    left:80%;
}
.ground-ul .now{
    color: #1E9FFF;
}
.ground-neirong>div{
    display: none;
}
.ground-ul li span{
    display: inline-block;
    transform:skew(15deg);
    -moz-transform: skew(15deg);
    -o-transform:skew(15deg);
    -ms-transform:skew(15deg);
    -webkit-transform:skew(15deg);
}
.ground-ul1{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ground-ul1 li{
    float: left;
    margin: 0 0.8%;
    text-align: center;
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: 100% 80% ;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    /*-webkit-background-size: contain;*/
    -moz-background-size:  100% 100%;
}
.ground-ul1 li:first-of-type{
    margin-left:7%;
}
.ground-ul1 li:last-of-type{
    margin-right:7%;
}
.ground-ul1 .ground-li{
    /*width: 100%;*/
    /*height: 10%;*/
    /*background: url("../img/image/foot.png") no-repeat;*/
    /*background-size: 100% 80% ;*/
    /*-o-background-size: 100% 100%;*/
    /*-webkit-background-size: 100% 100%;*/
    /*!*-webkit-background-size: contain;*!*/
    /*-moz-background-size:  100% 100%;*/
}
.ground-ul1 .ground-li input{
    border-radius:50%;
    background: transparent;
    color: #ffffff;
    text-align: center;
    border:none;
    outline: none;
}
.ground-foot{
    width: 100%;
    height: 12%;
    background: url("../img/image/dibu.png") no-repeat center;
    /*background-size: contain;*/
    background-size: 100% 80% ;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    /*-webkit-background-size: contain;*/
    -moz-background-size:  100% 100%;
    position: absolute;
    bottom: 0;
}
.ground-foot .ground-foot-left,.ground-foot .ground-foot-right{
    /*width: 22%;*/
    height: auto;
    /*float: left;*/
    /*margin-top: 0.5rem;*/
}
.ground-foot-left{
    float: left;
}
.ground-foot-right{
    float: right;
}
.ground-foot-middle{
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 28%;
}
.time{
    display: none;
}
.dao{
    /*background: #0f0f0f;*/
    border:2px solid #dca55f;
    display: block;
    position: absolute;
    bottom: 0.8rem;
    /* color: #00ff00;*/
    text-align: center;
    z-index: 99;
}
@media screen and (orientation:landscape) and (min-width: 992px) {
    .ground{
        height: 80%;
    }
    .middle .ground-tu {
        width: 70%;
        /*height: 18.5rem;*/
    }
    .middle .ground-left,.middle .ground-right{
        float: left;
        position: absolute;
        top:30%;
    }
    .middle .ground-left a{
        width: 6rem;
        height: 6rem;
        font-size: 1.3rem;
        padding-top: 1.1rem;
        box-sizing: border-box;
    }
    .middle .ground-left a p{
        line-height: 1.2rem;

    }
    .middle .ground-right a{
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
        font-size: 1.3rem;
        /*padding-top: 1.1rem;*/
        /*box-sizing: border-box;*/
    }
    .middle .ground-tu{
        margin: 0 auto;
    }
    .ground-ul{
        height: 2rem;
    }
    .ground-neirong>div{
        width: 100%;
        height: 16.5rem;
    }
    .ground-ul li{
        width: 8rem;
        height: auto;
        line-height: 2rem;
        font-size: 1.2rem;
    }
    .ground-tu .ground-neirong{
        width: 100%;
        height:100%;
        /*margin-top: 4rem;*/
        /* background: #00ff00;*/
        border: 8px solid #6d231a;
    }
    .ground-ul1 li{
        width: 13%;
        height:auto;
        line-height: 5.5rem;
        font-size: 1.5rem;
    }
    .ground-ul1 .ground-li input{
        width: 3.7rem;
        height: auto;
        line-height: 3.7rem;
    }
    .ground-foot .ground-foot-left,.ground-foot .ground-foot-right{
        width: 16%;
    }
    .dao{
        border-radius: 50px;
        width: 10rem;
        height: 5rem;
        line-height: 5rem;
        left: 35%;
        font-size: 3.2rem;
    }

}
@media screen and (min-width:786px)and (max-width: 992px) {
    .ground{
        height: 75%;
    }
    .middle .ground-left,.middle .ground-right{
        float: left;
        position: absolute;
        top:30%;
    }
    .middle .ground-left a{
        width: 5rem;
        height: 5rem;
        font-size: 1rem;
        padding-top: 0.5rem;
        box-sizing: border-box;
    }
    .middle .ground-right a{
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 1rem;
    }
    .middle .ground-tu{
        margin: 0 auto;
    }
    .ground-neirong>div{
        width: 100%;
        /*height: 15rem;*/
    }
    .ground-ul li{
        width: 7rem;
        height: auto;
        line-height: 1.8rem;
        font-size: 1.1rem;
    }
    .ground-tu .ground-neirong{
        width: 100%;
        height:100%;
        /*margin-top: 5.8rem;*/
        /*  background: #00ff00;*/
        border: 7px solid #6d231a;
    }
    .ground-ul1 li{
        width:13%;
        height:auto;
        line-height: 5rem;
        font-size: 1.3rem;
    }
    .ground-ul1 .ground-li input{
        width: 3.1rem;
        height: auto;
        line-height: 3.1rem;
    }
    .ground-foot .ground-foot-left,.ground-foot .ground-foot-right{
        width: 16%;
    }
    .dao{
        border-radius: 50px;
        width: 8rem;
        height: 4rem;
        line-height: 4rem;
        left: 35%;
        font-size: 2.8rem;
    }
}
@media (max-width: 786px) {
    .ground{
        height: 72%;
    }
    .middle .ground-left,.middle .ground-right{
        float: left;
        position: absolute;
        top:30%;
    }
    .middle .ground-tu {
        width: 70%;
        /*height: 15.5rem;*/
    }
    .middle .ground-left a{
        width: 5rem;
        height: 4rem;
        font-size: 1rem;
        padding-top: 0.3rem;
        box-sizing: border-box;
    }
    .middle .ground-right a{
        width: 5rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1rem;
    }
    .middle .ground-tu{
        margin: 0 auto;
    }
    .ground-neirong>div{
        width: 100%;
        /*height: 14.5rem;*/
    }
    .ground-ul li{
        width: 4rem;
        height: auto;
        line-height: 1.6rem;
        font-size: 1rem;
    }
    .ground-tu .ground-neirong{
        width: 97%;
        height:100%;
        /*margin-top: 5.7rem;*/
        /*background: #00ff00;*/
        border: 6px solid #6d231a;
    }
    .ground-ul1 li{
        width: 13%;
        height:auto;
        line-height:4.5rem;
        font-size: 1.1rem;
    }
    .ground-ul1 .ground-li input{
        width: 2.5rem;
        height: auto;
        line-height: 2.5rem;
    }
    .ground-foot .ground-foot-left,.ground-foot .ground-foot-right{
        width: 16%;
    }
    .dao{
        border-radius: 30px;
        width: 6rem;
        height: 3rem;
        line-height: 3rem;
        left: 35%;
        font-size: 2.5rem;
    }
}
/*@media (max-width: 564px){*/
/*.middle .ground-left a,.middle .ground-right a{*/
/*display: block;*/
/*width: 3rem;*/
/*height: 2rem;*/
/*!*float: left;*!*/
/*}*/
/*}*/
@media screen and (max-width:321px){
    .middle .ground-left a,.middle .ground-right a{
        display: block;
        width: 2.5rem;
        height: 1.8rem;
        margin-top: 1rem;
        /*float: left;*/
    }
    .ground-ul .li1{
        left:6%;
    }
    .ground-ul .li2{
        left:29%;
    }
    .ground-ul .li3{
        left:52%;
    }
    .ground-ul .li4{
        left:73%;
    }
    .ground-tu .ground-neirong{
        width: 100%;
        height:100%;
        background: white;
        border: 3px solid #6d231a;
    }
    .ground-neirong>div{
        width: 100%;
        /*height: 15rem;*/
    }
    .ground-ul1 li{
        width: 3rem;
        height: auto;
    }
}
@media screen and (min-width:320px) and (max-width:375px){
    .ground-neirong>div {
        width: 100%;
        /*height: 11.5rem;*/
    }
    .middle .ground-left a{
        width:  3.2rem;
        height: 3rem;
        font-size: 0.8rem;
        /*padding-top: 0.5rem;*/
        box-sizing: border-box;
    }
    .middle .ground-left a p{
        /*margin-top: -0.5rem;*/
        line-height: 0.8rem;
    }
    .middle .ground-right a{
        width: 3.2rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 0.8rem;
    }
    .ground-ul1 li{
        width: 13%;
        height:auto;
        line-height: 2.5rem;
        font-size: 0.8rem;
    }
    .ground-foot .ground-foot-left,.ground-foot .ground-foot-right{
        width: 21%;
    }
    .ground-foot-middle {
        width: 64%;
        position: absolute;
        bottom: 0;
        left: 19%;
    }
    .dao{
        border-radius: 30px;
        width: 5rem;
        height: 2rem;
        line-height: 2rem;
        left: 35%;
        font-size: 2rem;
    }
}
@media screen and (min-width:376px) and (max-width:414px){
    .ground-neirong>div {
        width: 100%;
        /*height: 12.5rem;*/
    }
    .middle .ground-left a{
        width:  3.5rem;
        height: 4rem;
        font-size: 0.8rem;
        /*padding-top: 0.5rem;*/
        box-sizing: border-box;
    }
    .middle .ground-right a{
        width: 3.5rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 0.8rem;
    }
    .middle .ground-tu{
        width: 70%;
        height: 16.5rem;
    }
    .ground-ul1 li{
        width: 13%;
        height: auto;
        line-height: 3.2rem;
        font-size: 0.9rem;
    }
    .ground-ul1 .ground-li input{
        width: 1.5rem;
        height: auto;
        line-height: 1.5rem;
        font-size: 0.8rem;
    }
    .ground-foot .ground-foot-left,.ground-foot .ground-foot-right{
        width: 22%;
    }
}
@media screen and (min-width:415px) and (max-width:640px){
    .ground{
        height: 65%;
    }
    .middle .ground-left a,.middle .ground-right a{
        display: block;
        width: 4.5rem;
        height: 4rem;
        /*float: left;*/
    }
    .ground-tu .ground-neirong{
        width: 100%;
        height: 94%;
        background: white;
        border: 5px solid #6d231a;
    }
    .ground-neirong>div{
        width: 100%;
        /*height: 16rem;*/
    }
    .ground-ul1 li{
        width: 13%;
        height:auto;
        line-height: 3.3rem;
        font-size: 1rem;
    }
    .ground-ul1 .ground-li input{
        width: 2rem;
        height: auto;
        line-height: 2rem;
    }
    .ground-foot .ground-foot-left,.ground-foot .ground-foot-right{
        width: 20%;
    }
    .dao{
        border-radius: 30px;
        width: 5rem;
        height: 2rem;
        line-height: 2rem;
        left: 35%;
        font-size: 2rem;
    }
}
@media screen and (orientation:landscape) and (max-height: 414px) {
    .ground{
        height: 100%;
    }
    .ground-ul {
        margin-top: -3.3rem;
    }
    .ground-tu .ground-neirong {
        width: 100%;
        height: 109%;
        margin-left: -0.5rem;
        background: white;
        border: 6px solid #6d231a;
    }
    .ground-neirong>div{
        width: 100%;
        /*height: 16rem;                 */
    }
    .ground-ul1 li {
        width: 13%;
        height: auto;
        line-height: 4.2rem;
        font-size: 1.1rem;
    }
    .ground-foot .ground-foot-left, .ground-foot .ground-foot-right {
        margin-top: 0rem;
    }
}
@media screen and (orientation:landscape) and (max-height: 376px) {
    .ground{
        height: 100%;
    }
    .ground-ul {
        margin-top: -3.3rem;
    }
    .ground-tu .ground-neirong {
        width: 100%;
        height: 95%;
        margin-left: -0.5rem;
        background: white;
        border: 6px solid #6d231a;
    }
    .ground-neirong>div{
        width: 100%;
        /*height: 16rem;                 */
    }
    .ground-ul1 li {
        width: 13%;
        height: auto;
        line-height: 4.2rem;
        font-size: 1.1rem;
    }
    .ground-foot .ground-foot-left, .ground-foot .ground-foot-right {
        margin-top: 0rem;
    }

}
@media screen and (orientation:landscape) and (max-height: 320px) {
    .ground{
        height: 100%;
    }
    .ground-ul {
        margin-top: -3.3rem;
    }
    .ground-foot .ground-foot-left, .ground-foot .ground-foot-right {
        width: 17%;
    }
    .ground-foot .ground-foot-left, .ground-foot .ground-foot-right {
        margin-top: 0rem;
    }
    .ground-tu .ground-neirong {
        width: 100%;
        height: 81%;
        margin-left: -0.5rem;
        background: white;
        border: 6px solid #6d231a;
    }
    .ground-neirong>div{
        width: 100%;
        /*height: 16rem;                 */
    }
    .ground-ul1 li {
        width: 13%;
        height: auto;
        line-height: 3.2rem;
        font-size: 1.1rem;
    }

    .ground-foot .ground-foot-left, .ground-foot .ground-foot-right {
        margin-top: 0rem;
    }

}